<extend name="index_head"/>
<block name="index_body">
    <include file="Public/Common/common_css.html"/>
    <link rel="stylesheet" href="{$Think.const.INDEX_CSS}/index/info.css">
<div class="head"><img class="head_img" src="{$Think.const.INDEX_IMAGE}/index/head.jpg" alt=""></div>
<div class="danmu_video" style="height: 600px;width: 1200px;margin: auto;position:relative">
    <div id="danmu" style="width: 100%;height: 100%">
    </div>
    <div id="playercontainer"></div>
    </div>
<div class="menu">
    <div class="mobile-page">
    </div>
    <div class="menu-start">
        <div class="layui-form-item">
            <label class="layui-form-label">输入弹幕</label>
            <div class="layui-input-block" >
                <input name="title" lay-verify="title" autocomplete="off" placeholder="输入弹幕" class="layui-input danmu" type="text">
            </div>
            <button class="layui-btn layui-btn-normal layui-btn-disabled danmu_start" style="width: 50%">发送弹幕</button>
            <div class="layui-btn-group">
                <button class="layui-btn start_live">开启直播</button>
                <button class="layui-btn stop_live layui-btn-disabled">关闭直播</button>
            </div>
        </div>
    </div>

</div>
<include file="Public/Common/common_js.html"/>
<script src="/Public/player/cyberplayer.js"></script>
<script src="/Public/jquery.danmu.min.js"></script>
<script src="{$Think.const.INDEX_JS}/index/play.js"></script>
</block>